<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<meta name="format-detection" content="telephone=no" />
	    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <link rel="stylesheet" href="/lib/swiper/css/swiper.min.css">
		<!--<link rel="stylesheet" href="/lib/bootstrap/css/bootstrap.min.css">-->
		<link rel="stylesheet" href="/lib/font/iconfont.css">
		<link rel="stylesheet" href="/css/tools.css">
		<link rel="stylesheet" href="/css/index.css">
        <link rel="stylesheet" href="/css/sider.css">
        <link rel="stylesheet" href="/css/header-top.css">
        <script src="/lib/requirejs/require.min.js" data-main="/js/index"></script>
		<title>Document</title>
	</head>

	<body>
		<div class="wrap">
			<div id="header-top"></div>
			<!--头部-->
			<!--<div class="head-top">
				<div class="top_bar_bd cle">
					<ul class="bar_fl"> </ul>
					<ul class="bar_fr" id="topbar_nav">
						<li class="topbar_user">
							<a href="/htm/login.html">登录</a><span>&nbsp;|&nbsp;</span>
							<a href="/htm/register.html">免费注册</a>
						</li>
						<li class="more_menu" id="header_guanzhu">
							<a href="javascript:;">关注我们</a><i class="iconfont arrow3 icon-arrow3"></i>
							<div class="more_bd">
								<div class="list"><img src="\img\pc\guanzhu-bg.jpg" alt="二维码" /></div>
							</div>
						</li>
						<li>
							<a href="http://www.lizi.com/cms/cmsBuyerOrSeller?mark=buyer">帮助中心</a>
						</li>
						<li>
							<a id="favorite_wb" href="javascript:;"><i class="iconfont icon-xinxing"></i>收藏丽子</a>
						</li>
					</ul>
				</div>
			</div>-->
			<div class="head-bottom">
				<h1><a href="/">丽子美妆</a></h1>
				<div class="head-b-center">
					<form action="#" class="search">
						<input type="text" value="" placeholder="请输入商品或品牌">
						<button><i class="iconfont icon-sousuo"></i>&nbsp;去搜索</button>
						<div class="suggest">
							
						</div>
					</form>
					<div>
						<ul>
							<li>热搜榜：</li>
							<li>
								<a href="/htm/detail.html">悦诗风吟</a>
					    	</li>
							<li>
								<a href="/htm/detail.html">面霜</a>
							</li>
							<li>
								<a href="/htm/detail.html">兰芝</a>
							</li>
							<li>
								<a href="/htm/detail.html">面膜</a>
							</li>
							<li>
								<a href="/htm/detail.html">化妆水</a>
							</li>
							<li>
								<a href="/htm/detail.html">唇膏/口红</a>
							</li>
							<li>
								<a href="/htm/detail.html">BB霜</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="cart">
				    <a href="/htm/cart.html">
					<button><i class="iconfont icon-gouwuche"></i>购物车<i class="iconfont arrow1R icon-arrow1r"></i></button>
				    </a>
				</div>
			</div>
			<!--导航-->
			  <div class="nav">
            <div class="nav-wrap">
                <ul class="nav-list">
                <div class="menu"><i class="iconfont icon-goods"></i>&nbsp;&nbsp;全部商品分类</div>
                <dd class="subnav">
                    <div class="subnav-left">
                        <ul class="bg">
                            <li>
                                <h5>护肤</h5>
                                <br />
                                <a href="#">洗面</a>
                                <a href="#">防晒</a>
                                <a href="#">卸妆</a>
                                <a href="#">爽肤</a>
                                <a href="#">爽肤</a>
                                <a href="#">面部精华</a>
                                
                            </li>
                            <li>
                                <h5>彩妆</h5>
                                <br />
                                <a href="#">BB霜</a>
                                <a href="#">隔离/打底</a>
                                <a href="#">粉底液/膏</a>
                                <a href="#">眼影</a>
                                <a href="#">眼线</a>
                                <a href="#">睫毛膏</a>
                                <a href="#">口红</a>
                                <a href="#">香水</a>
                            </li>
                        </ul>
                        <ul >
                            <li>
                                <h5>护肤</h5>
                                <br />
                                <a href="#">洗面</a>
                                <a href="#">防晒</a>
                                <a href="#">卸妆</a>
                            </li>
                            <li>
                                <h5>护肤</h5>
                                <br />                                
                                <a href="#">洗面</a>
                                <a href="#">防晒</a>
                                <a href="#">卸妆</a>
                                
                            </li>
                            <li>
                                <h5>护肤</h5>
                                <br />
                                <a href="#">洗面</a>
                                <a href="#">防晒</a>
                                <a href="#">卸妆</a>
                                
                            </li>
                        </ul>
                    </div>
                    <div class="subnav-right">
                        <ul>
                            <li><a href="#"><img src="/img/brands/nav-1.jpg" alt="倩碧"></a></li>
                            <li><a href="#"><img src="/img/brands/nav-2.jpg" alt="香奈儿"></a></li>
                            <li><a href="#"><img src="/img/brands/nav-3.jpg" alt="雅诗兰黛"></a></li>
                            <li><a href="#"><img src="/img/brands/nav-4.jpg" alt="兰蔻"></a></li>
                            <li><a href="#"><img src="/img/brands/nav-5.jpg" alt="dior"></a></li>
                            <li><a href="#"><img src="/img/brands/nav-6.jpg" alt="美丽工匠"></a></li>
                        </ul>
                    </div>
                </dd>
            </ul>
            <ul>
                <div class="menu">60秒闪购</div>
                <dd></dd>
            </ul>
            <ul>
                <div class="menu">丽子手机</div>
                <dd></dd>
            </ul>
            </div>
        </div>
        
        
		<!-----------banner----------->
			   <!--banner-->
        <div class="banner">
            <div class="swiper-container">
                <ul class="swiper-wrapper">
                    <li class="swiper-slide"><a href="/htm/list.html"></a></li>
                    <li class="swiper-slide"><a href="/htm/list.html"></a></li>
                    <li class="swiper-slide"><a href="/htm/list.html"></a></li>
                </ul>
                 <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>
                
                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev">
                </div>
                <div class="swiper-button-next" style="right: 45px"></div>
            </div>
           
            
            
        </div>
        <!--content-->
        <div class="content">
            <!--webintro-->
            <div class="webintro">
                <a href="#"><img src="/img/pc/webintro.png" alt=""></a>
            </div>

            <!--buy60s-->
            <div class="buy60s">
                <div class="buy60s-head">
                    <div class="timedown">
                        距本轮结束还有
                        <span class="sec">
                            <em class="s1"></em>
                            <em class="s2"></em>
                        </span>
                        秒
                    </div>
                </div>
                <!--60秒抢购列表-->
                <div class="buy60s-list">
                     <div class="buy60s-box">
                         <ul>
                             <li>
                                <a href="#">
                                    <img src="/img/cp1.png" alt="">
                                    <p class="title"><em class="tag">爆款</em>美国Elta MD氨基酸泡沫洗面奶207ml 补水温和深层清洁</p>
									<p class="now">124.20</p>
									<p class="old">市场价：￥254.00</p>
									<p class="btn">立即抢购</p>
									<p class="bg"></p>
                                </a>
                             </li>
                             <li>
                                 <a href="#">
                                    <img src="/img/cp2.png" alt="">
                                    <p class="title"><em class="tag">爆款</em>美国Elta MD氨基酸泡沫洗面奶207ml 补水温和深层清洁</p>
									<p class="now">124.20</p>
									<p class="old">市场价：￥254.00</p>
									<p class="btn">立即抢购</p>
									<p class="bg"></p>
                                </a>
                             </li>
                             <li>
                                 <a href="#">
                                    <img src="/img/cp3.png" alt="">
                                    <p class="title"><em class="tag">爆款</em>美国Elta MD氨基酸泡沫洗面奶207ml 补水温和深层清洁</p>
									<p class="now">124.20</p>
									<p class="old">市场价：￥254.00</p>
									<p class="btn">立即抢购</p>
									<p class="bg"></p>
                                </a>
                             </li>
                         </ul>
                     </div>

                </div>
            </div>
            <div class="wrapper">
                <div class="hot">
                    <h2>
                        <strong>热门活动</strong>
                        <span>只要你不满意就无条件退货</span>
                    </h2>
                    <div class="hot-content">
                        <ul>
                            <li>
                                <a href="/htm/detail.html"><img src="/img/user/22f8d962ca0a5.jpg" alt="" /></a>
                                <div class="cle">
							        <span class="temail_timer">
                                        <i class="iconfont icon-huo1">:</i>
                                        <span class="s">剩余时间：</span>
                                        <em>1286</em>
                                        <span>天</span>
                                        <em>04</em>
                                        <span>时</span>
                                        <em>46</em>
                                        <span>分</span>
                                        <em>05</em>
                                        <span>秒</span>
                                    </span>					
                                </div>
                            </li>
                            <li class="">
                                <a href="#"><img src="/img/user/2e573b74127dc.jpg" alt="" /></a>
                                <div class="cle">
							        <span class="temail_timer">
                                        <i class="iconfont icon-huo1">:</i>
                                        <span class="s">剩余时间：</span>
                                        <em>1286</em>
                                        <span>天</span>
                                        <em>04</em>
                                        <span>时</span>
                                        <em>46</em>
                                        <span>分</span>
                                        <em>05</em>
                                        <span>秒</span>
                                    </span>					
                                </div>    
                            </li>
                            <li>
                                <a href="#"><img src="/img/user/68ce43ef45fa.jpg" alt="" /></a>
                                <div class="cle">
							        <span class="temail_timer">
                                        <i class="iconfont icon-huo1">:</i>
                                        <span class="s">剩余时间：</span>
                                        <em>1286</em>
                                        <span>天</span>
                                        <em>04</em>
                                        <span>时</span>
                                        <em>46</em>
                                        <span>分</span>
                                        <em>05</em>
                                        <span>秒</span>
                                    </span>					
                                </div>    
                            </li>
                            <li>
                                <a href="#"><img src="/img/user/11eb464df35ee.jpg" alt="" /></a>
                                <div class="cle">
							        <span class="temail_timer">
                                        <i class="iconfont icon-huo1">:</i>
                                        <span class="s">剩余时间：</span>
                                        <em>1286</em>
                                        <span>天</span>
                                        <em>04</em>
                                        <span>时</span>
                                        <em>46</em>
                                        <span>分</span>
                                        <em>05</em>
                                        <span>秒</span>
                                    </span>					
                                </div>    
                            </li>
                            <li>
                                <a href="#"><img src="/img/user/22f8d964f8662.jpg" alt="" /></a>
                                <div class="cle">
							        <span class="temail_timer">
                                        <i class="iconfont icon-huo1">:</i>
                                        <span class="s">剩余时间：</span>
                                        <em>1286</em>
                                        <span>天</span>
                                        <em>04</em>
                                        <span>时</span>
                                        <em>46</em>
                                        <span>分</span>
                                        <em>05</em>
                                        <span>秒</span>
                                    </span>					
                                </div>    
                            </li>
                            <li>
                                <a href="#"><img src="/img/user/c3c1546c6ed3.jpg" alt="" /></a>
                                <div class="cle">
							        <span class="temail_timer">
                                        <i class="iconfont icon-huo1">:</i>
                                        <span class="s">剩余时间：</span>
                                        <em>1286</em>
                                        <span>天</span>
                                        <em>04</em>
                                        <span>时</span>
                                        <em>46</em>
                                        <span>分</span>
                                        <em>05</em>
                                        <span>秒</span>
                                    </span>					
                                </div>    
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="series-list">
                    <h2>
                        <strong>分类推荐</strong>
                        <span>千万用户信赖的美妆品牌</span>
                    </h2>
                   <div class="series">
                        <div class="series-title">
                            <strong><a href="#">卸妆</a></strong>
                            <span>
                                <a href="#">卸妆油</a>
                                <a href="#">卸妆水</a>
                                <a href="#">卸妆乳</a>
                                <a href="#">卸妆膏</a>                                
                            </span>
                        </div>
                        <ul class="grid_2">
                            <!--<li>
                                <a href="#">
                                    <img src="/img/d98626283a4.jpg" alt="">
                                    <div class="title-box">
                                        <p class="title">日本Dr.Ci:Labo城野医生LaboLabo毛孔收缩水100ml </p>
                                        <p class="cle">
                                            <span>￥<strong>88</strong></span>
                                            <span>
                                                <i class="iconfont icon-huo"></i>
                                                <em>1233</em>
                                            </span>
                                        </p>
                                    </div>
                                </a>
                                
                            </li>
                            <li>
                                <a href="#">
                                    <img src="/img/d98626283a4.jpg" alt="">
                                    <div class="title-box">
                                        <p class="title">日本Dr.Ci:Labo城野医生LaboLabo毛孔收缩水100ml </p>
                                        <p class="cle">
                                            <span>￥<strong>88</strong></span>
                                            <span>
                                                <i class="iconfont icon-huo"></i>
                                                <em>1233</em>
                                            </span>
                                        </p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="/img/d98626283a4.jpg" alt="">
                                    <div class="title-box">
                                        <p class="title">日本Dr.Ci:Labo城野医生LaboLabo毛孔收缩水100ml </p>
                                        <p class="cle">
                                            <span>￥<strong>88</strong></span>
                                            <span>
                                                <i class="iconfont icon-huo"></i>
                                                <em>1233</em>
                                            </span>
                                        </p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="/img/d98626283a4.jpg" alt="">
                                    <div class="title-box">
                                        <p class="title">日本Dr.Ci:Labo城野医生LaboLabo毛孔收缩水100ml </p>
                                        <p class="cle">
                                            <span>￥<strong>88</strong></span>
                                            <span>
                                                <i class="iconfont icon-huo"></i>
                                                <em>1233</em>
                                            </span>
                                        </p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="/img/d98626283a4.jpg" alt="">
                                    <div class="title-box">
                                        <p class="title">日本Dr.Ci:Labo城野医生LaboLabo毛孔收缩水100ml </p>
                                        <p class="cle">
                                            <span>￥<strong>88</strong></span>
                                            <span>
                                                <i class="iconfont icon-huo"></i>
                                                <em>1233</em>
                                            </span>
                                        </p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="/img/d98626283a4.jpg" alt="">
                                    <div class="title-box">
                                        <p class="title">日本Dr.Ci:Labo城野医生LaboLabo毛孔收缩水100ml </p>
                                        <p class="cle">
                                            <span>￥<strong>88</strong></span>
                                            <span>
                                                <i class="iconfont icon-huo"></i>
                                                <em>1233</em>
                                            </span>
                                        </p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="/img/d98626283a4.jpg" alt="">
                                    <div class="title-box">
                                        <p class="title">日本Dr.Ci:Labo城野医生LaboLabo毛孔收缩水100ml </p>
                                        <p class="cle">
                                            <span>￥<strong>88</strong></span>
                                            <span>
                                                <i class="iconfont icon-huo"></i>
                                                <em>1233</em>
                                            </span>
                                        </p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="/img/d98626283a4.jpg" alt="">
                                    <div class="title-box">
                                        <p class="title">日本Dr.Ci:Labo城野医生LaboLabo毛孔收缩水100ml </p>
                                        <p class="cle">
                                            <span>￥<strong>88</strong></span>
                                            <span>
                                                <i class="iconfont icon-huo"></i>
                                                <em>1233</em>
                                            </span>
                                        </p>
                                    </div>
                                </a>
                            </li>-->
                        </ul>
                   </div>
                   
                </div>
                <div class="brands">
                    <h2>
                        <strong>品牌大全</strong>
                        <span>千万用户信赖的美妆网站</span>
                    </h2>
                    <div class="brands-box">
                        <div class="bra-fl">
                            <a href="/htm/list.html">
                                <img src="/img/s-left.png" alt="">
                            </a>
                        </div>
                        <div class="bra-list"> 
                            <ul>
                                <li><a href="/htm/list.html"><img src="/img/j1.png" alt=""></a></li>
                                <li><a href="/htm/list.html"><img src="/img/j2.png"alt=""></a></li>
                                <li><a href="/htm/list.html"><img src="/img/j3.png" alt=""></a></li>
                                <li><a href="/htm/list.html"><img src="/img/j4.png" alt=""></a></li>
                                <li><a href="/htm/list.html"><img src="/img/j5.png" alt=""></a></li>
                                <li><a href="/htm/list.html"><img src="/img/j6.png" alt=""></a></li>
                                <li><a href="/htm/list.html"><img src="/img/j7.png" alt=""></a></li>
                                <li><a href="/htm/list.html"><img src="/img/j8.png" alt=""></a></li>
                                <li><a href="/htm/list.html"><img src="/img/j9.png" alt=""></a></li>
                                <li><a href="/htm/list.html"><img src="/img/j10.png" alt=""></a></li>
                                <li><a href="/htm/list.html"><img src="/img/j11.png" alt=""></a></li>
                                <li><a href="/htm/list.html"><img src="/img/j12.png" alt=""></a></li>
                                <li><a href="/htm/list.html"><img src="/img/j13.png" alt=""></a></li>
                                <li><a href="/htm/list.html"><img src="/img/j14.png" alt=""></a></li>
                                <li><a href="/htm/list.html"><img src="/img/j15.png" alt=""></a></li>
                                <li><a href="/htm/list.html"><img src="/img/j16.png" alt=""></a></li>
                                <li><a href="/htm/list.html"><img src="/img/j17.png" alt=""></a></li>
                                <li><a href="/htm/list.html"><img src="/img/j18.png" alt=""></a></li>
                                <li><a href="/htm/list.html"><img src="/img/j19.png" alt=""></a></li>
                                <li><a href="/htm/list.html"><img src="/img/j20.png" alt=""></a></li>
                                <li><a href="/htm/list.html"><img src="/img/j21.png" alt=""></a></li>
                                <li><a href="/htm/list.html"><img src="/img/j22.png" alt=""></a></li>
                                <li><a href="/htm/list.html"><img src="/img/j23.png" alt=""></a></li>
                                <li><a href="/htm/list.html"><img src="/img/j24.png" alt=""></a></li>
                            </ul>
                        </div>
                        <div class="bra-fr">
                            <a href="#">
                                <img src="/img/s.right.png" alt="">
                            </a>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <div class="footer-search">
            <div class="sbox">
                <h5>更多感兴趣的商品马上搜索</h5>
                <div class="sform">
                    <form action="#" method="get" >
                        <input class="key" type="text" value="" placeholder="面膜">
                        <button type="submit" class="submit"><i class="iconfont icon-sousuo"></i></button>
                    </form>
                </div>
                <div class="footer_search_hot">
                    <ul>
                        <li>热搜榜：</li>
                        <li><a href="#">悦诗风吟</a></li>
                        <li><a href="#">面霜</a></li>
                        <li><a href="#">兰芝</a></li>
                        <li><a href="#">面膜</a></li>
                        <li><a href="#">化妆水</a></li>
                        <li><a href="#">唇膏/口红</a></li>
                        <li><a href="#">BB霜</a></li>
                    </ul> 
                </div>
                <div class="intro_link cle">
                    <a href="#" target="_blank"></a>
                    <a class="mid" href="" target="_blank"></a>
                    <a href="" target="_blank"></a>
                </div>
            </div>
        </div>
        <footer>
            
        </footer>
        <div class="sider-left"></div>
    </div>
    <!-- 模板：art-template -->
    <script type="text/html" id="prod-template">

        {{each products curr}}
            <li>
                <div class="pro-id">{{curr.id}}</div>
                <a href="/htm/detail.html?id={{curr.id}}">
                    <img src="{{curr.img}}" alt="">
                    <div class="title-box">
                        <p class="title">{{curr.title}}</p>              
                        <p class="cle">
                            <span>￥<strong>{{curr.price}}</strong></span>
                            <span>
                                <i class="iconfont icon-huo"></i>
                                <em>{{curr.hot}}</em>
                            </span>
                        </p>
                    </div>
                </a>
            </li>
        {{/each}}
    </script>

		  
       
	    
		<!----footer------>
		<div id="footer">
			<div class="ft_main">
				<div class="ft_nav">
					<a href="#" target="_blank" class="noborder">关于丽子</a>
					/
					<a href="#" target="_blank">商家入驻</a>
					/
					<a href="#" target="_blank">加入我们</a>
					/
					<a href="#" target="_blank">配送政策</a>
					/
					<a href="#" target="_blank">售后保障</a>
					/
					<a href="#" target="_blank">帮助中心</a>
					/
					<a href="#" target="_blank">练习我们</a>
					/
					<a href="#" target="_blank">平台公告</a>
					/
					<a href="#" target="_blank">友情链接</a>

				</div>
				<div class="ft_txt">
					<p>
						© 2018 杭州徐娜拉电子商务有限公司 LIZI.COM 增值电信业务经营许可证：浙B2-20110315 备案号：
						<a href="#" target="_blank">浙ICP备11012845号-5</a>
					</p>
					<div class="ft_contact">
						<span>服务时间：09:00-23:00</span>
						<span class="ft_phone">
     				 客服热线:
     				 <em>0527-80200135</em>
     			</span>
						<span>
     				<a href="#" target="_blank"> 浙公网安备33010402001635号</a>
     			</span>
					</div>
					<div class="ft_flink">
						<a href="#" target="_blank">米折网</a>
						<a href="#" target="_blank">一号店</a>
						<a href="#" target="_blank">国美在线</a>
						<a href="#" target="_blank">韩都衣舍</a>
						<a href="#" target="_blank">优购网</a>
						<a href="#" target="_blank">诗库网</a>
						<a href="#" target="_blank">海尔商城</a>
						<a href="#" target="_blank">比价网</a>
						<a href="#" target="_blank">挖东西</a>
						<a href="#" target="_blank">卷皮网</a>
						<a href="#" target="_blank">视客眼镜网网</a>
						<a href="#" target="_blank">尚品网</a>
						<a href="#" target="_blank">飞牛网</a>
						<a href="#" target="_blank">悦美整形网</a>

					</div>
					<div class="beian_ico">
						<a href="#" target="_blank">
							<img src="/img/footer1.png" alt="丽子美妆获得电商金奖" />
						</a>
						<a href="#" target="_blank">
							<img src="" alt="" />
						</a>
						<a href="#" target="_blank" alt="中国人保为丽子美妆担保">
							<img src="/img/foooter2.png" />
						</a>
					</div>
					<div class="fsm fsm2">
						<img src="/img/weixin.png" alt="微信公众号" />
						<p>
							<i class="iconfont icon-weixin"></i>
							<br/> 扫描关注微信公众号
						</p>
					</div>
					<div class="fsm fsm">
						<a href="#" target="_blank">
							<img src="/img/fapp.jpg" alt="APP" />
						</a>
						<p>
							APP
							<br/> 手机客户端下载
						</p>
					</div>
				</div>

			</div>
		</div>
		<!--侧边栏复用-->
		<div id="sider"></div>
	</body>

</html>